.hb-items {
  margin-bottom: 20rpx;

  .bg {
    background: url('https://ustatic.hudongmiao.com/joymew-assistant/redpack/hb.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 726rpx;
    height: 264rpx;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 43rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
  }

  .new-hb {
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    .box1 {
      padding-left: 20rpx;
      display: flex;
      flex:1;
      .logo {
        width: 96rpx;
        height: 96rpx;
        text-align: center;
        line-height: 96rpx;
        font-size: 36rpx;
        font-family: PingFang SC;
        font-weight: bold;
        background: #F76661;
        color: #fff;
        border-radius: 8rpx;
        margin-right: 40rpx;

        &.turnover-logo {
          background-color: #F76661;
        }

        &.new-logo {
          background: #FF8C58;
          color: #FFDDCE;
        }

        &.liushui-logo {
          background: #F76661;
          color: #FEC9C7;
        }

        &.zuan-logo {
          background: linear-gradient(-42deg, #AB9CFA, #D2C5FC);
          color: #6036A7;
        }

        &.bo-logo {
          background: linear-gradient(-42deg, #A1BCE0, #EDF4FD);
          color: #4E516A;
        }

        &.jin-logo {
          background: linear-gradient(-42deg, #ECC269, #FBE7A5);
          color: #8D4820;
        }

        &.yin-logo {
          background: linear-gradient(-42deg, #9895E0, #CCCAE9);
          color: #5C5681;
        }

        &.invite-logo {
          background: linear-gradient(-42deg, #DDAA7C, #F3D9BD);
          color: #4E4E4E;
        }

        &.old-logo {
          background-color: #C5C4C4;
        }

        &.qiang-logo {
          background: #FF6C66;
          color: #ffffff;
        }
      }

      .right-section {
        flex: 1;
        position: relative;
        top: -10rpx;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        .cash {
          width: 100%;
          // text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 48rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #F76661;
          color: #FF2352;
        }

        .cash-old {
          color: #C5C4C4;
        }


        .btn {
          width: 136rpx;
          text-align: center;
          height: 58rpx;
          margin-left: 10rpx;
          line-height: 48rpx;
          // background: #FF8C58;
          // background: #FF2352;
          background-color: rgba(255 ,35, 82, .1);
          border-radius: 50rpx;
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #FFFFFF;
          color: #FF2352;
        }

        .btn-keyong {
          // background: #FF8C58;
        }

        .btn-has {
          // background: #F76661;
        }

        .btn-expire {
          // background: #C5C4C4;
        }

        .btn-invite {
          width: 160rpx;
          // margin-right: 45rpx;
        }
      }

      .cash-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 307rpx;

        .title {
          font-size: 32rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #313131;
        }

        .date {
          margin-top: 20rpx;
          margin-bottom: 30rpx;
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #666666;
        }

      }




    }

    .box2 {
      height: 95rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      // margin-top: 43rpx;
      border-top: 1px dashed #F2F3F5;



      .tips {
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #B0B0B0;
        // width: 420rpx;
        height: 50rpx;
        line-height: 28rpx;
        margin-right: 56rpx;
      }

    }
  }
}